
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/adicional/templates/templateHome.xhtml">

<ui:define name="tituloPagina">Inclusão de Clinicas</ui:define>

	<ui:define name="conteudoCabecalho">
		
			<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/resources/js/clinica/incluirClinicaFormulario.js">
			</script>
			
			<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}"></script>
			
	</ui:define>

<ui:define name="conteudoCentro">
		<h:form id="formulario" enctype="multipart/form-data">
		
		<div>
			
			<p:growl showSummary="true" showDetail="true" closable="true" globalOnly="true"></p:growl>
			<p:messages showSummary="true" showDetail="true" closable="true" ></p:messages>
			
		</div>
		
		<p:calendar></p:calendar>
	
			<div>
				<!--  <h:outputText value="Texto na tela" /> -->

				<h:outputLabel value="Nome da Clinica" for="nomeClinica" />

				<h:inputText value="#{clinica.nomeClinicaInc}" binding="#{clinica.campoNomeClinicaInc}" label="Nome da Clinica" id="nomeClinica" />

			</div>


			<div>

				<h:outputLabel value="Senha da Clinica" for="senhaClinica" />

				<h:inputSecret value="#{clinica.senhaInc}" id="senhaClinica" label="Senha" binding="#{clinica.campoSenhaClinicaInc}"/>

			</div>

			<div>

				<h:inputTextarea value="#{clinica.descricaoClinicaInc}" label="Descrição da Clinica" id="descricaoClinica" binding="#{clinica.campoDescricaoClinicaInc}"/>

			</div>

			<div>

				<h:selectOneRadio value="#{clinica.sexoInc}" id="radioSexo" label="Sexo " binding="#{clinica.campoRadioSexoInc}">

					<f:selectItems value="#{clinica.listaSexoInc}"></f:selectItems>

				</h:selectOneRadio>

			</div>

			<div>

				<h:selectManyCheckbox value="#{clinica.listaDeficiencia}" label="Deficiencias " binding="#{clinica.campoNomeDeficienciaInc}">

					<f:selectItems value="#{clinica.listaDeficienciaInc}"></f:selectItems>

				</h:selectManyCheckbox>

			</div>

			<div>
				<h:outputLabel value="Estado" for="comboEstado" />
				<h:selectOneMenu value="#{clinica.codigoEstadoInc}" label="Estado" id="comboEstado" binding="#{clinica.campoEstadoInc}">
					<f:ajax event="change" listener="#{clinica.buscarCidadesPorEstado}" render="comboCidade"></f:ajax>
				
					<f:selectItem itemLabel="::SELECIONE::" itemValue="0" />
					<f:selectItems value="#{clinica.listaEstadosInc}" />
					
				</h:selectOneMenu>

			</div>
			
			<div>
				<h:outputLabel value="Cidade" for="comboCidade" />
				<h:selectOneMenu value="#{clinica.codigoCidadeInc}" label="Cidade" id="comboCidade" 
				disabled="#{empty clinica.listaCidadesInc}" binding="#{clinica.campoCidadeInc}">
					<f:selectItem itemLabel="::SELECIONE::" itemValue="0" />
					<f:selectItems value="#{clinica.listaCidadesInc}"></f:selectItems>
				</h:selectOneMenu>

			</div>
			
			<div>

				<h:selectOneMenu value="#{clinica.codigoTipoTelefoneInc}" label="TipoTelefone" binding="#{clinica.campoTipoTelefoneInc}">
					<f:selectItem itemLabel="::SELECIONE::" itemValue="0" />
					<f:selectItems value="#{clinica.listaTipoTelefoneInc}" />
				</h:selectOneMenu>

			</div>

			<div>

				<h:outputLabel value="Lembrar Senha" for="lembrarSenha" />
				<h:selectBooleanCheckbox value="#{clinica.lembrarSenhaInc}" id="lembrarSenha" label="Lembrar Senha" binding="#{clinica.campoLembrarSenhaInc}"/>

			</div>

			<div>

				<h:inputHidden value="#{clinica.flagInc}" />

			</div>
			
			<div>
				<h:outputLabel value="idade" for="idade"/>
				<h:inputText value="#{clinica.idadeInc}" id="idade" label="Idade" binding="#{clinica.campoIdadeInc}">
				
				</h:inputText>
			</div>
			
			<div>
				<h:outputLabel value="Salário" for="salario" />
				<h:inputText value="#{clinica.salarioInc}" id="salario" label="Salário" binding="#{clinica.campoSalarioInc}">
					<f:converter converterId="doubleConverter"></f:converter>
				</h:inputText>
			
			</div>
			
			<div>
				<h:outputLabel value="CPF:" for="cpf" />
				<h:inputText value="#{clinica.cpfInc}" id="cpf" label="CPF" binding="#{clinica.campoCpfInc}">
				
				</h:inputText>
			</div>
			
			<div>
				<h:outputLabel value="CNPJ:" for="cnpj" />
				<h:inputText value="#{clinica.cnpjInc}" id="cnpj" label="CNPJ" binding="#{clinica.campoCnpjInc}">
				
				</h:inputText>
			</div>
			
			<div>
			
				<h:outputLabel for="dataNascimento" value="Data de Nascimento" />
				<h:inputText value="#{clinica.dataNascimentoInc}" id="dataNascimento" label="Data de Nascimento" binding="#{clinica.campoDataNascimentoInc}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
				</h:inputText>
			
			</div>
			
			<div>
				<p:fileUpload label="#{msgs.label_upload_selecione}" cancelLabel="#{msgs.label_upload_fazer_upload}" 
				uploadLabel="#{msgs.label_upload_cancelar}" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" 
				invalidFileMessage="#{msgs.msg_upload_arquivo_invalido}" sizeLimit="10485760"
				invalidSizeMessage="#{msgs.msg_upload_arquivo_tamano_invalido}"
				fileUploadListener="#{clinica.enviarImagem()}" update=":formulario:imagemUpload"
				fileLimit="1" fileLimitMessage="#{msgs.msg_upload_arquivo_limite}">
				
				
				</p:fileUpload>
			</div>
			
			<div>
				
				<p:graphicImage value="#{clinica.conteudoImagemInc}" id="imagemUpload"></p:graphicImage>
				
			</div>

			<div>

				<p:commandButton action="#{clinica.enviarFormulario}" value="Enviar" update="@form"/>

			</div>
			
			<div>
				
				<p:commandButton value="Limpar" action="#{clinica.limparCamposFormularioInc()}" immediate="true" ajax="false"></p:commandButton>
			</div>

		</h:form>

	</ui:define>

</ui:composition>

</html>